<template>
  <div class="info">
    <div class="nav">
      <router-link to="/person/order/all-order">所有订单</router-link> 
      <router-link to="/person/order/no-order">待付款</router-link> 
      <router-link to="/person/order/dfh-order">待发货</router-link> 
      <router-link to="/person/order/done-order">待收货</router-link> 
      <router-link to="/person/order/ysh-order">已收货</router-link> 
    </div>
    <div class="down-box">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return{
      
    }
  },
  methods:{
    
  },
  components:{
    
  }
}
</script>

<style scoped lang="less">
.nav{
  width: 100%;
  height: 30px;
  a{
    font-size: 16px;
    color: #232323;
    line-height: 30px;
    padding-right: 90px;
  }
  .router-link-active{
    color: #50b748;
  }
}
.down-box{
  width: 100%;
  height: auto;
  zoom: 1;
  overflow: hidden;
}
</style>
